<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="author" content="http://www.huayingsoft.com/" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">

    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/bootstrapEx.css">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrapEx2.0.js"></script>
</head>

<body>
    <span style='font-size:20px;font-weight:bold;'>Navbar功能</span>
    <p/>
    <p/> <div id="topnavbar">
    <p/>
</body>
<script>
    $(document).ready(function () {
        var menudata = [{
            "id":"index",
            "text": "一级菜单",
            "url": "#"
        }, {
            "text": "一级菜单",
            "url": "#"
        }, {
            "text": "百度",
            "url": "http://www.baidu.com",
            "target":"_blank"
        }, {
            "text": "一级菜单",
            "children": [{
                "text": "二级菜单",
                "url": "#"
            }, {
                "text": "二级菜单",
                "url": "#"
            }]
        }];
        var navbar1 = new bsEx.Navbar({
            renderto:"#topnavbar",
            title:"导航条示例",titleclass:"",
            meuns:menudata,
            cls:"container-fluid",
            right:[//{text:"API",url:"API/index.html",target:"_blank"},
            {text:"右侧菜单",children:[
                    {text:"右侧二级菜单",istitle:true}
                ]}]
        });

    });

</script>
</html>